/* CSS Document By http://www.qhdsudu.com  http://www.bytul.com 2013年06月16日11:00*/
@import url(reset.css);
@import url(base.css);
@import url(//at.alicdn.com/t/font_1505490_dkv2vyya3j.css);
@import url(//at.alicdn.com/t/font_2731398_3d30yhaurnr.css);

body {
	font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; 
	font-size:14px;
	font-weight:normal; 
	color:#343434;
	background: #fff;
}

@font-face {
	font-family : 'zihun' ; 
	src: url('../../font/zihun.ttf');
}

/*GLOBE STYLE*/
a{color:#343434; text-decoration:none; transition: all 0.2s ease 0s;}
a:hover{ color:#014ea0; text-decoration:none;}
.clear{ width:100%; height:0px; line-height:0px; font-size:0px; clear:both;}

.w1200{
	width: 1200px; margin: 0 auto; overflow: hidden;
}

.w1200-ex{
	width: 1200px; margin: 0 auto;
}

.img{
	transition:box-shadow .15s linear,-webkit-filter .3s ease-out
}
.img:hover{
	-webkit-filter:saturate(1.15) contrast(1.15) brightness(1.1);
}

.top-info{
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #666;
	background: #f9f9f9;
	border-bottom: 1px #eaeaea solid;
}
.top-info a{
	color: #333;
}

header{
	height: 80px;
	background: #fff;
	padding: 22px 0;

}
.header_float{
	margin-bottom: 40px;
}
header a.logo{
	display: inline-block;
	height: 80px;
	overflow:hidden;
	margin-left: 40px;
}
header a.logo img{
}
header .kh{
	width: 220px;
	overflow: hidden;
	margin-top: 19px;
	text-align: right;
	margin-right: 30px;
}

header .txt{
	font-size: 16px;
	font-weight: bolder;
	color: #014ea0;
	margin-top: 4px;
	line-height: 25px;
	display: inline-block;
}

header form{
	width: 270px;
	height: 40px;
	overflow: hidden;
	margin-top: 20px;
}
header form input[type=text]{
	height: 38px;
	border: 1px #dbdbdb solid;
	color: #dbdbdb;
	border-right: 0;
	width: 199px;
	float: left;
	font-size: 16px;
	padding: 0 10px;
}
header form input[type=button]{
	width: 50px;
	height: 40px;
	text-align: center;
	background: #000;
	color: #fff;
	line-height: 40px;
	border:0;
	float: left;
	font-size: 16px;
}

nav{
	height: 40px;
	background: #fff;
	width: 100%;
	
}
.nav_float{
	position: fixed;
	top: 0;
	z-index: 99999;
	box-shadow: 0 1px 5px #ccc;
	opacity: 0.98;
	height: 60px;
	padding-top: 20px;
}
.nav_float .n{
	height: 60px;
}
nav .n{
	width: 1200px;
	height: 40px;
	margin: 0 auto;
	position: relative;
}
nav .n a.sel,nav .n a.on,nav .n a.home:hover,nav .n a.a-main:hover{
}
nav .n .nav{
	width: 1200px;
}
nav .n .nav ul{
	width: 100%;
	display: flex;
}
nav .n .nav li{
	display: inline-block;
	flex: 1;
	padding-bottom: 10px;
}
nav .n .nav li.small{
	position: relative;
}

nav .n .nav li a.a-main{
	color: #014ea0;
	display: block;
	line-height: 40px;
	height: 40px;
	font-size: 16px;
	font-weight: bolder;
	text-align: center;
	width: 100%;
	float: left;
}
nav .n .nav li a.a-main:hover,nav .n .nav li:hover a.a-main{
	background: #014ea0;
	color: #fff;
}
nav .n .nav li a.a-main i{
	font-size: 19px;
}

nav .n .nav li .subnav{
	width: 1140px;
	box-shadow: 0 5px 5px #ccc;
	background: #fff;
	position: absolute;
	top: 40px;
	left: 0;
	height: auto;
	overflow: hidden;
	padding: 15px 30px;
	display: none;
	z-index: 99999;
}
nav .n .nav li .subnav dl{
	width: 30.3333333%;
	float: left;
	display: inline-block;
	margin-right: 3%;
}
nav .n .nav li .subnav dl dt{
	font-size: 16px;
	font-weight: bolder;
	border-bottom: 1px #eaeaea solid;
	padding-bottom: 6px;
	margin-bottom: 6px;
	color: #014ea0;
}
nav .n .nav li .subnav dl dd{
	font-size: 14px;
}
nav .n .nav li .subnav dl dd a{
	display: inline-block;
	width: 100%;
	height: 36px;
	line-height: 36px;
}
nav .n .nav li .subnav dl dd a:hover{
	background: #eaeaea;
	padding-left: 10px;
	color: #014ea0;
}
nav .n .nav li .subnav-small{
	position: absolute;
	top: 40px;
	left: 0px;
	background: #fff;
	box-shadow: 0 5px 5px #ccc;
	height: auto;
	overflow: hidden;
	padding: 10px 20px;
	display: none;
	z-index: 999;
	min-width: 77%;
	text-align: center;
}
nav .n .nav li .subnav-small a{
	font-size: 14px;
	display: inline-block;
	width: 100%;
	height: 30px;
	line-height: 30px;
}
nav .n .nav li .subnav-small a:hover{
	color: #014ea0;
}

.banner{
	height: 660px;
	overflow:hidden;
	background: #fff;
	position: relative;
	width: 100%;
}
.banner .bd li{
	height: 660px;
	overflow:hidden;
	position: relative;
}
.banner .bd li a{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.banner .bd li .w1200{
	position: relative;
	height: 660px;
}
.banner .bd li span{
	position: absolute;
	display: inline-block;
}
.banner .bd li span{
	left: 205px;
}
.banner .bd li span.t1{
	top: 160px;
	font-size: 26px;
	color: #fff;
}

.banner .bd li span.t2{
	top: 215px;
	font-size: 56px;
	color: #dd792c;
}
.banner .bd li span.t3{
	top: 317px;
	font-size: 27px;
	color: #fff;
}
.banner .bd li span.t4{
	top: 424px;
	font-size: 14px;
	color: #333;
	padding: 5px;
	background: #fff;

}

.banner .hd{
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 9;
	bottom: 10px;
	left: 0;
}
.banner .hd li{
	display: inline-block;
	width: 30px;
	height: 4px;
	background: #fff;
	margin: 0 4px;
}
.banner .hd li.on{
	background: #cc0000;
}


.banner a.btn{
	position: absolute;
	top: 280px;
	z-index: 99;
	display: inline-block;
	color: #fff;
}
.banner a.btn i{
	font-size: 40px;
}
.banner a.next{
	right: 5%;
}
.banner a.prev{
	left: 5%;
}
.banner a.prev{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 	/* Opera */
}


.index-big-btn{
	margin-top: -78px;
	z-index: 9999;
	position: relative;
}
.index-big-btn ul{
	width: 100%;
}
.index-big-btn ul li{
	float: left;
	display: inline-block;
}
.index-big-btn ul li a{
	display: inline-block;
	width: 316px;
	height: 60px;
}
.index-big-btn ul li a:hover{

}
.index-big-btn ul li a i.fr{
	height: 60px;
	width: 58px;
	color: #fff;
	display: inline-block;
	overflow:hidden;
	font-size: 30px;
	line-height: 60px;
	text-align: center;
}
.index-big-btn ul li a i.fr{
	opacity: 0.7;
	background: #dd792c;
}
.index-big-btn ul li a .info{
	height: 36px;
	overflow:hidden;
	width: 228px;
	overflow: hidden;
	padding: 12px 15px;
	background: #dd792c;
}

.index-big-btn ul li:nth-child(2) a .info,.index-big-btn ul li:nth-child(2) a i.fr{
	background: #014ea0;
}

.index-big-btn ul li:nth-child(3) a .info,.index-big-btn ul li:nth-child(3) a i.fr{
	background: #77a302;
}


.index-big-btn ul li a .info span{
	line-height: 100%;
}
.index-big-btn ul li a .info span.cn{
	display: inline-block;
	width: 100%;
	font-size: 17px;
	color: #fff;
}
.index-big-btn ul li a .info span.en{
	display: inline-block;
	width: 100%;
	font-size: 15px;
	color: #fff;
	margin-top: 3px;
	font-weight: 300;
}

.index-notice{
	border-bottom:1px #e7e7e7 solid;
	padding: 20px 0;

	margin-top: 10px;
	height: auto;
	overflow: hidden;
}
.index-notice b{
	height: 50px;
	display: inline-block;
	border-radius: 50px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background: #014ea0;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	padding: 0 30px;
}
.index-notice b i{
	font-size: 20px;
}
.index-notice .c{
	width: 1040px;
	height: 50px;
	overflow:hidden;
}
.index-notice .c ul{
	width: 1000%;
}
.index-notice .c ul li{
	float: left;
	display: inline-block;
	font-size: 16px;
	line-height: 50px;
	background: url(../images/002.jpg) 0 23px no-repeat;
	padding-left: 15px;
	margin-right: 20px;
}

.index-video{
	height: auto;
	overflow: hidden;
}
.index-video .l{
	width: 454px;
	height: auto;
	border:1px #e7e7e7 solid;
	border-right: 0;
	padding: 20px 30px;
	margin-top: 52px;
	font-size: 16px;
	overflow: hidden;
}
.index-video .l table td{
	padding: 4px 5px;
}
.index-video .r{
	width: 685px;
	height: auto;
	overflow: hidden;
}

.index-video .r .index-v-roll{
	width: 685px; height: 440px;
	overflow: hidden;
	border-radius: 10px;
	position: relative;
}
.index-video .r .index-v-roll ul{
	width: 10000px;
}
.index-video .r .index-v-roll ul li{
	width: 685px; height: 440px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	float: left;
}
.index-video .r .index-v-roll ul li video{
	width: 685px; height: 440px;
	background: #000;
	
}
.index-video .r .index-v-roll ul li span{
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 40px;
	background: url(../images/v2/010.png);
	color: #fff;
	text-align: center;
	line-height: 40px;
	top: 0;
	left: 0;
}

.index-video .r .index-v-roll a.btn{
	position: absolute;
	top: 155px;
	z-index: 99;
	display: inline-block;
	color: #fff;
}
.index-video .r .index-v-roll a.btn i{
	font-size: 40px;
}
.index-video .r .index-v-roll a.next{
	right: 5%;
}
.index-video .r .index-v-roll a.prev{
	left: 5%;
}
.index-video .r .index-v-roll a.prev{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 	/* Opera */
}

.index-title1 i{
	color: #014ea0;
	font-size: 36px;
	font-weight: bold;
	line-height: 100%;
}
.index-title1 span.cn{
	font-size: 24px;
	color: #373737;
	font-weight: bold;
}
.index-title1 span.en{
	color: #aaa;
}
.index-title1 a.more{
	font-size: 14px;
	color: #666;
}
.index-title2{
	height: auto;
	overflow: hidden;
}
.index-title2 i{
	color: #014ea0;
	font-size: 40px;
	font-weight: bold;
}
.index-title2 span{
	display: inline-block;
	width: 100%;
	line-height: 100%;
}
.index-title2 span.cn{
	font-size: 24px;
	color: #373737;
	font-weight: bold;
}
.index-title2 span.en{
	color: #aaa;
}

.index-title-line{
	height: 3px;
	overflow: hidden;
	background: #eeeeee;
}
.index-title-line .red{
	height: 3px;
	overflow: hidden;
	background: #014ea0;
	width: 15%;
}

.index-list-50{

}
.index-list-50 ul{
	width: 1280px;
}
.index-list-50 ul li{
	width: 560px;
	margin-right: 40px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	float: left;
	background: url(../images/003.png) 0 18px no-repeat;
	padding-left: 20px;
}
.index-list-50 ul li a.t{
	display: inline-block;
	float: left;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	width: 440px;
}
.index-list-50 ul li a.time{
	float: right;
	background: #f0f0f0;
	color: #919191;
	height: 24px;
	line-height: 24px;
	border-radius: 24px;
	text-align: center;
	width: 100px;
	display: inline-block;
	font-size: 12px;
	margin-top: 9px;
}
.index-list-50 ul li a.time:hover{
	background: #014ea0;
	color: #fff;
}

.index-title3{
	text-align: center;
}
.index-title3 span{
	display: inline-block;
	text-align: center;
	width: 100%;
	line-height: 100%;
}
.index-title3 span.cn{
	color: #014ea0;
	font-size: 24px;
	font-weight: bolder;
}
.index-title3 span.en{
	color: #333;
	font-size: 14px;
	font-weight: 300;
}
.index-title3 span.line{
	height: 3px;
	background: #014ea0;
	width: 50px;
}

.index-zhld{
	padding: 50px 0 0px 0;
	background: url(../images/011.jpg) top center no-repeat;
	background-size: 100% 100%;
}
.index-zhld .roll{
	height: auto;
	position: relative;
	overflow: hidden;
	padding-bottom: 100px;
}
.index-zhld .roll .bd li{
	width: 300px;
	text-align: center;
	display: inline-block;
	float: left;
}
.index-zhld .roll .bd li a.li{
	display: inline-block;
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	padding: 10px 0;
}
.index-zhld .roll .bd li a.li .in{
	background: url(../images/004.png);
	border-radius: 50%;
	width: 155px;
	height: 155px;
	display: inline-block;
	padding: 5px;
	box-shadow: 0px 0 5px  #ccc;
}
.index-zhld .roll .bd li a.li .in .inin{
	width: 155px;
	height: 95px;
	background: #fff;
	border-radius: 50%;
	padding: 30px 0;
	transition:0.4s;
　　 -webkit-transition:0.4s;
　　 -moz-transition:0.4s;
}
.index-zhld .roll .bd li a.li .in .inin i{
	color: #222;
	font-size: 44px;
	display: inline-block;
	width: 100%;
	transition:0.4s;
　　 -webkit-transition:0.4s;
　　 -moz-transition:0.4s;
}
.index-zhld .roll .bd li a.li .in .inin span.t{
	font-size: 26px;
	font-weight: bolder;
	color: #014ea0;
	margin-top: 10px;
	display: inline-block;
}

.index-zhld .roll .bd li a.li .in .inin:hover{
	background: #014ea0;
}
.index-zhld .roll .bd li a.li .in .inin:hover i{
	color: #fff;
	transform:rotate(360deg) scale(1.2);
	-ms-transform:rotate(360deg) scale(1.2); 
	-moz-transform:rotate(360deg) scale(1.2);
	-webkit-transform:rotate(360deg) scale(1.2);
	-o-transform:rotate(360deg) scale(1.2);
}
.index-zhld .roll .bd li a.li .in .inin:hover span.t{
	color: #fff;
}


.index-zhld .roll .bd li a.li span.num{
	display: inline-block;
	width: 100%;
	margin-top: 25px;
	font-size: 16px;
	font-weight: bolder;
	color: #000;
}
.index-zhld .roll .hd{
	position: absolute;
	bottom: 50px;
	width: 100%;
	text-align: center;
}
.index-zhld .roll .hd ul{
	width: 100%;
	text-align: center;
}
.index-zhld .roll .hd li{
	display: inline-block;
	width: 30px;
	height: 4px;
	background: #fff;
	margin: 0 4px;
	font-size: 0;
}
.index-zhld .roll .hd li.on{
	background: #014ea0;
}

.index-p4{
	overflow: hidden;
	height: auto;
}
.index-p4 ul{
	width: 120%;
}
.index-p4 ul li{
	display: inline-block;
	float: left;
	margin-right: 24px;
	width: 222px;
	height: auto;
	overflow: hidden;

}
.index-p4 ul li a{
	display: inline-block;
	background: #f6f6f6;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding-bottom: 30px;
}
.index-p4 ul li a:hover{
	background: #014ea0;
}
.index-p4 ul li a:hover span.title{
	color: #fff;
}
.index-p4 ul li a:hover span.desc{
	color: #eaeaea;
}
.index-p4 ul li a .img{
	width: 222px;
	height: 222px;
	overflow: hidden;
	background: url(../images/nopic.jpg) top center;
	background-size: 100% 100%;
}
.index-p4 ul li a .img img{
	width: 100%;
	min-height: 222px;
}
.index-p4 ul li a span{
	display: inline-block;
	line-height: 100%;
	padding: 0 20px;
	width: 180px;
}
.index-p4 ul li a span.title{
	font-size: 16px;
	color: #343434;
	margin-top: 10px;
	font-weight: bold;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}
.index-p4 ul li a span.desc{
	font-size: 14px;
	color: #a6a6a6;
	margin-top: 5px;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
}
.index-p4 ul li a .a{
	font-size: 14px;
	color: #333333;
	border:1px #e1e1e1 solid;
	padding: 0 20px;
	height: 34px;
	line-height: 34px;
	border-radius: 34px;
	margin-top: 70px;
	background: #fff;
}

.index-p5{
	overflow: hidden;
	height: auto;
}
.index-p5 li img{
	width: 100%;
	height: 100%;
}
.index-p5 li{
	margin-bottom: 10px;
}
.index-p5 ul{
	width: 110%;
	height: auto;
	overflow: hidden;
}
.index-p5 ul.l3 li{
	width: 389px;
	height: 140px;
	overflow: hidden;
	float: left;
	display: inline-block;
	margin-right: 12px;
	border:1px #ccc solid;
}
.index-p5 ul.l6 li{
	width: 219px;
	height: 60px;
	overflow: hidden;
	float: left;
	display: inline-block;
	margin-right: 10px;
	border:1px #ccc solid;
	padding: 5px;
}
.index-p5 ul.l6 li img{
	width: 100%;
	height: 100%;
}

.index-p6 table{
	width: 100%;
}
.index-p6 table td{
	border:1px #eaeaea solid;
	height: 70px;
	width: 169px;
	overflow: hidden;
}
.index-p6 table td img{
	height: 70px;
	width: 169px;
}

.footer{
	background: #014ea0;
	padding: 70px 0;
	margin-top: 70px;
}
.footer .w1200{
	overflow: hidden;
}
.footer .n{
	width: 1300px;
}
.footer dl{
	width: 129px;
	float: left;
	display: inline-block;
	border-right: 1px #01438a solid;
	color: #fff;
	margin-right: 35px;
}
.footer dl a{
	color: #fff;
}
.footer dl dt{
	font-size: 18px;
	margin-bottom: 5px;
}
.footer dl dt i{
	font-size: 20px;
	padding-right: 6px;
}
.footer dl dd{
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	padding-left: 26px;
	background: url(../images/005.png) 4px 10px  no-repeat;
}

footer{
	background: #555;
	font-size: 14px;
	color: #fff;
	padding: 22px 0;
}
footer a,footer a:hover{
	color: #fff;
}

.subbanner{
	background: url(https://www.cinie.net/public/channel/list.png
) top center no-repeat;
	height: 207px;
	overflow: hidden;
	color: #fff;
}
.subbanner h1{
	font-size: 37px;
	margin-top: 82px;
	margin-left: 530px;
}
.subbanner .mb{
	font-size: 14px;
	margin-top: 5px;
	margin-left: 45%;
}
.subbanner .mb a{
	color: #fff;
}

.page{ font-size:16px; color:#333; line-height:30px; display:block; padding-top:40px; width: 900px;}
.page p{
	
	margin: 0px 0 10px 0;
}
.page h2{ color:#014ea0; line-height:20px; font-size:20px; font-weight:bold; width:100%; text-align:left; margin-top:25px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px #eaeaea dotted;}
.page h3{ color:#014ea0; line-height:20px; font-size:18px; font-weight:bold; width:100%; text-align:left; margin-top:15px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px #eaeaea dotted;}
.page table{ width:100%; margin-top:15px;}
.page table th{ color:#FFFFFF; font-weight:bold; background:#014ea0; border:1px #014ea0 solid;padding:4px 8px; }
.page table td{ padding:3px 8px; border:1px #014ea0 solid;}


.pagecode{
	text-align: center;
}
.pagecode a{ display:inline-block;margin:0 4px;height:32px;line-height:32px;border:1px solid #eaeaea; background: #eaeaea; padding:0 10px;font-size:14px;color:#555;}
.pagecode a:hover,.page a.hover{ background:#014ea0;border:1px solid #014ea0;color:#fff;}
.pagecode span{display:inline-block;margin:0 4px;height:32px;line-height:32px;border:1px solid #014ea0;padding:0 10px;font-size:14px;color:#fff; background: #014ea0;}



.list{
	width: 900px;
	float: right;
	margin-top: 25px;
}
.list a{
	display: inline-block;
	border-bottom: 1px #eaeaea solid;
	font-weight: 14px;
	color: #333;
	width: 100%;
	margin-bottom: 15px;
	padding: 15px 0;
}
.list a .time{
	float: left;
	width: 60px;
	height: 60px;
	overflow: hidden;
	background: #efefef;
	border-radius: 4px;
	margin-right: 30px;
}
.list a .time span{
	text-align: center;
	display: inline-block;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	width: 100%;
	overflow: hidden;
	float: left;
}
.list a .time .md{
	background: #014ea0;
	color: #fff;
}
.list a .title{
	display: inline-block;
	width: 750px;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	font-size: 16px;
}
.list a i{
	float: right;
	font-size: 30px;
	height: 60px;
	line-height: 60px;
}
.list a:hover i,.list a:hover .title{
	color: #014ea0;
}






.list-keji{
	width: 900px;
	float: right;
	margin-top: 25px;
}
.list-keji a{
	display: inline-block;
	border-bottom: 1px #eaeaea solid;
	font-weight: 14px;
	color: #333;
	width: 900px;
	margin-bottom: 15px;
	padding: 15px 0;
	background: #fff;
}
.list-keji a.float{
	position: fixed;
	top: 80px;
	width: 900px;
}

.list-keji a .title{
	display: inline-block;
	width: 750px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
}
.list-keji a i{
	float: right;
	font-size: 30px;
	height: 40px;
	line-height: 40px;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 	/* IE 9 */
	-moz-transform:rotate(90deg); 	/* Firefox */
	-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
	-o-transform:rotate(90deg); 	/* Opera */
	transition: all 0.5s;
}
.list-keji a:hover i,.list-keji a:hover .title{
	color: #014ea0;
}
.list-keji .c{
	font-size: 14px;
	line-height: 28px;
	display: none;
	height: auto;
	overflow: hidden;
}
.list-keji a i.on{
	transform:rotate(270deg);
	-ms-transform:rotate(270deg); 	/* IE 9 */
	-moz-transform:rotate(270deg); 	/* Firefox */
	-webkit-transform:rotate(270deg); /* Safari 和 Chrome */
	-o-transform:rotate(270deg); 	/* Opera */
}






.show{
	width: 900px;
	float: right;
	margin-top: 30px;
}
.show h1.title{
	font-size: 28px;
	font-weight: bolder;
	color: #000;
	border-bottom: 1px #eaeaea solid;
	padding: 20px 0;
	text-align: center;
}
.show span.desc{
	font-size: 14px;
	color: #ccc;
	padding: 20px 0;
	text-align: center;
	display: inline-block;
	width: 100%;

}
.show .content{ font-size:16px; color:#333; line-height:30px; display:block; padding-top:20px; padding-bottom: 20px;}
.show .content p{
	
}
.show .content h2{ color:#014ea0; line-height:20px; font-size:20px; font-weight:bold; width:100%; text-align:left; margin-top:25px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px #eaeaea dotted;}
.show .content h3{ color:#014ea0; line-height:20px; font-size:18px; font-weight:bold; width:100%; text-align:left; margin-top:15px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px #eaeaea dotted;}
.show .content table{ width:100%; margin-top:15px;}
.show .content table th{ color:#FFFFFF; font-weight:bold; background:#014ea0; border:1px #014ea0 solid;padding:4px 8px; }
.show .content table td{ padding:3px 8px; border:1px #eaeaea solid;}
.show .content img{
	max-width: 100%!important;
	height: auto!important;
}

.form{
	padding: 40px 0 0px 0;
}
.form h2{
	color: #014ea0;
	font-weight: bolder;
	font-size: 24px;
}
.form .desc{
	font-size: 14px;
	color: #555;
	line-height: 24px;
	display: inline-block;
}
.form .step{
	font-size: 18px;
	text-align: center;
}
.form .step span{
	width: 30%;
	display: inline-block;
	background: #f9f9f9;
	padding: 5px 0;
	float: left;
}
.form .step span.on{
	background: #014ea0;
	color: #fff;
}
.form .step i{
	color: #014ea0;
	width: 5%;
	display: inline-block;
	float: left;
	font-size: 32px;
}
.form .form-c{
	padding-right: 30px;
	display: none;
}
.form .bot-t{
	color: #555;
	line-height: 26px;
	font-size: 14px;
	background: #f9f9f9;
	padding: 40px;
}

.form .form-tips{
	width: 40%;
	background: #f1f1f1;
	border-radius: 5px;
	padding: 30px 30px 40px 30px;
	font-size: 16px;
	line-height: 30px;
	
	margin: 40px auto 0 auto;
}
.form .form-tips h3{
	font-size: 28px;
	font-weight: bolder;
	color: #014ea0;
	padding: 10px 0;
	text-align: center;
	margin-bottom: 20px;
}
.form .form-tips em{
	color: #014ea0;
	font-weight: bolder;
}
.form .form-tips img{
	width: 50%;
	margin: 5px 0;
}


/*layui 样式重置*/
.layui-form-radio > i:hover, .layui-form-radioed > i{
	color: #014ea0;
}
.layui-form-select dl dd.layui-this {
    background-color: #014ea0;
}
.layui-layer-btn .layui-layer-btn0 {
    border-color: #014ea0!important;
	background-color:#014ea0!important;
}
.layui-form-checked, .layui-form-checked:hover {
    border-color: #014ea0!important;
}
.layui-form-checked span, .layui-form-checked:hover span {
    background-color: #014ea0!important;
}
.layui-form-checked i, .layui-form-checked:hover i {
    color: #014ea0!important;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #014ea0!important;
}



.pro{

}
.pro .search{
	background: #17509e;
	padding: 40px 0;
	text-align: center;
}
.pro .search input[name=keyword]{
	background: #fff;
	border:0;
	border-radius: 4px;
	height: 40px;
	padding: 0 10px;
	display: inline-block;
	width: 500px;
	margin: 0 3px;
}
.pro .search input[name=dosearch]{
	background: #014ea0;
	border:0;
	border-radius: 4px;
	height: 40px;
	padding: 0 30px;
	display: inline-block;
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin: 0 3px;
}
.pro .left{
	width: 300px;
	height: auto;
	overflow: hidden;
	border-radius: 5px;
}
.pro .left h3{
	font-size: 16px;
	font-weight: bolder;
	color: #fff;
	background: #014ea0;
	padding: 10px 20px;
}
.pro .left ul{
	background: #f4f4f4;
}
.pro .left ul li{
	height: auto;
	overflow: hidden;
	background: #f4f4f4;
}
.pro .left ul li a.parent{
	font-size: 16px;
	color: #333;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	padding: 0 20px 0 40px;
	border-top: 1px #eaeaea solid;
	background: #17509e url(../images/008.png) 20px 16px  no-repeat;
	float: left;
	width: 240px;
	color: #fff;

}
.pro .left ul li a.parent:hover,.pro .left ul li a.parent_on{
	color: #fff;
	background: #014ea0 url(../images/008.png) 20px 16px  no-repeat;
}
.pro .left ul li .sub{
	background: #f9f9f9;
	padding: 5px 0;
	display: none;
}
.pro .left ul li .sub a.child{
	font-size: 14px;
	color: #555;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	display: inline-block;
	width: 240px;
	padding: 0 20px 0 40px;
	float: left;
}
.pro .left ul li .sub a.child:hover,.pro .left ul li .sub a.child_on{
	background: #ccc;
}
.pro .right{
	width: 850px;
	height: auto;
	overflow: hidden;
}
.pro .right ul{
	width: 110%;
}
.pro .right ul li{
	display: inline-block;
	float: left;
	overflow: hidden;
	margin-right: 17px;
	margin-bottom: 17px;
}
.pro .right ul li a{
	display: inline-block;
	width: 200px;
	height: auto;
	overflow: hidden;
	
}
.pro .right ul li a .img{
	width: 200px;
	height: 200px;
	overflow: hidden;
	background: url(../images/nopic.jpg) top center no-repeat;
	background-size: 100% 100%;
}
.pro .right ul li a .img img{
	width: 200px;
	min-height: 200px;
}
.pro .right ul li a span{
	display: inline-block;
	width: 100%;
	overflow: hidden;
}
.pro .right ul li a span.t{
	font-size: 14px;
	font-weight: bolder;
	color: #444;line-height: 20px;
	height: 40px;
	padding: 10px 0 0 0;
}
.pro .right ul li a span.desc{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
}

.tips{
	font-size: 22px;
	color: #666;
	padding: 40px 0;
	text-align: center;
	font-weight: 300;
}

.zhanqu_c{
	display: none;
}

.index-ld{
	background: url(../images/010.jpg) top center;
	background-size: 100% 100%;
	padding: 40px 0 60px 0;
}
.index-ld ul{
	width: 110%;
}
.index-ld ul li{
	float: left;
	display: inline-block;
	margin-right: 32px;
}
.index-ld ul li a{
	display: inline-block;
	width: 134px;
	height: 134px;
	overflow: hidden;
	background: #0071c1;
	border-radius: 50%;
	border-top-left-radius: 0;
	color: #fff;
	text-align: center;
	padding: 5px 5px;
}
.index-ld ul li a span{
	display: inline-block;

}
.index-ld ul li a span.t{
	font-size: 16px;
	font-weight: bolder;
	margin-top: 20px;
}
.index-ld ul li a span.t2{
	font-size: 14px;
	line-height: 20px;
	height: 80px;
	overflow: hidden;
	margin-top: 5px;
	padding: 0 10px;
}

.index-huiyi{
	padding: 40px 0 40px 0;
}
.index-huiyi li{
	width: 400px;
	height: 295px;
	background: #ff6600;
	overflow: hidden;
	float: left;
	display: inline-block;
}
.index-huiyi li:nth-child(2){
	background: #339933;
}
.index-huiyi li:nth-child(3){
	background: #0071c1;
}

.index-huiyi li:nth-child(1) .as{
	width: 110%;
}
.index-huiyi li span.t{
	font-size: 20px;
	font-weight: bolder;
	color: #fff;
	text-align: center;
	display: inline-block;
	width: 100%;
	margin-top: 40px;
}
.index-huiyi li:nth-child(1) a{
	display: inline-block;
	background: #fff;
	height: 45px;
	border-radius: 45px;
	line-height: 45px;
	width: 155px;
	margin: 30px 0px 0 26px;
	text-align: center;
}
.index-huiyi li:nth-child(1) a:hover{
	background: #014ea0;
	color: #fff;
}

.index-huiyi li:nth-child(2) .as{
	padding: 0 70px;
	margin-top: 20px;
}
.index-huiyi li:nth-child(2) a{
	display: inline-block;
	background: #fff;
	height: 45px;
	border-radius: 45px;
	line-height: 45px;
	width: 100%;
	margin: 10px 0px 0 0px;
	text-align: center;
}
.index-huiyi li:nth-child(2) a:hover{
	background: #014ea0;
	color: #fff;
}

.index-huiyi li:nth-child(3) a.at{
	font-size: 20px;
	font-weight: bolder;
	color: #fff;
	text-align: center;
	display: inline-block;
	width: 100%;
	height: 295px;
	line-height: 295px;
}


.index-title-v2{
	font-size: 27px;
	font-weight: 300px;
	color: #014ea0;
	text-align: center;
}
.index-title-v2 i{
	font-size: 32px;
}
.index-title-v2 span{
	margin: 0 5px;
}
.index-title-v2 span.cn{
	border-bottom: 2px #014ea0 solid;
	font-weight: bolder;
}
.index-title-v2 span.en{
	font-size: 16px!important;
	font-weight: normal;
	opacity: 0.8;
}

.index-title-v2 a.more{
	font-size: 14px;
	color: #666;
}

.ld-c{
	min-height: 775px;
	background: url(../images/v2/003.jpg)  bottom center no-repeat;
}
.ld-c ul.l3{
	text-align: center;
}
.ld-c ul li{
	display: inline-block;
	width: 220px;
	height: 330px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0 35px;
}
.ld-c ul li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.ld-c ul li a .info{
	height: 114px;
	width: 180px;
	padding: 0 20px;
	text-align: left;
	margin-top: 70px;
}
.ld-c ul li a span{
	display: inline-block;
	color: #fff;
	font-weight: 300;
	padding-right: 20px;
}
.ld-c ul li a span.t{
	font-size: 19px;
	border-bottom: 2px #fff solid;
	padding-bottom: 5px;
}
.ld-c ul li a span.desc{
	font-size: 13px;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
	margin-top: 5px;
}
.ld-c ul li a .botimg{
	width: 220px;
	height: 145px;
	overflow: hidden;
	position: relative;
}
.ld-c ul li a .botimg img{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}
.ld-c ul li a .botimg .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/v2/010.png);
	top: 0;
	z-index: 2;
}

.index-cx{
	margin-top: 40px;
}
.index-cx ul{
	margin: 0 auto;
	width: 850px;
	text-align: center;
}
.index-cx li{
	display: inline-block;
	width: 265px;
	height: 145px;
}
.index-cx li:nth-child(1){
	border-right:1px #d1d0d0 solid;
	border-bottom:1px #d1d0d0 solid;
}
.index-cx li:nth-child(2){
	border-right:1px #d1d0d0 solid;
	border-bottom:1px #d1d0d0 solid;
	border-left:1px #d1d0d0 solid;
}
.index-cx li:nth-child(3){
	border-left:1px #d1d0d0 solid;
	border-bottom:1px #d1d0d0 solid;
}
.index-cx li:nth-child(4){
	border-right:1px #d1d0d0 solid;
	border-top:1px #d1d0d0 solid;
}
.index-cx li:nth-child(5){
	border-left:1px #d1d0d0 solid;
	border-top:1px #d1d0d0 solid;
	border-right:1px #d1d0d0 solid;
}
.index-cx li:nth-child(6){
	border-left:1px #d1d0d0 solid;
	border-top:1px #d1d0d0 solid;
}

.index-cx li a{
	display: inline-block;
	width: 225px;
	height: 55px;
	color: #727171;
	padding: 45px 20px;
	text-align: left;
}
.index-cx li a:hover{
	background: #014ea0;
	color: #fff;
}
.index-cx li a:hover i{
	color: #fff;
}
.index-cx li a .t{
	height: 55px; line-height: 55px; font-size: 38px; width: 100%; text-align: center; overflow: hidden;
}
.index-cx li a i{
	display: inline-block;
	width: 55px;
	height: 55px;
	font-size: 50px;
	float: left;
	color: #014ea0;
}
.index-cx li a span{
	font-size: 16px;
	display: inline-block;
	height: 50px;
	overflow: hidden;
	width: 170px;
	padding-top: 5px;
}

.index-gm{
	min-height:403px;
	background: url(../images/v2/005.jpg) top center no-repeat;
}
.index-gm .t{
	font-size: 46px;
	color: #014ea0;
	margin-top: 130px;
	line-height: 1.2;
	font-weight: 300;
	position: relative;
	margin-left: 90px;
	float: left;
	width: 280px;
}
.index-gm .t span.cn{
	font-size: 27px;
	border-bottom: 2px #014ea0 solid;
	display: inline-block;
	padding-bottom: 3px;
	position: absolute;
	margin-top: 9px;
	margin-left: 5px;
}
.index-gm .c{
	float: right;
	width: 530px;
	margin-top: 53px;
	margin-right: 35px;
}
.index-gm .c li{
	width: 245px;
	height: 76px;
	display: inline-block;
	float: left;
	margin-left: 12px;
	box-shadow: 0 0 15px #bbb;
	background: #fff url(../images/v2/006.jpg) top center no-repeat;
	background-size: 245px 138px;
	margin-bottom: 12px;
	text-align: center;
	font-size: 27px;
	color: #fff;
	line-height: 38px;
	padding: 31px 0;
	font-size: 300;
	position: relative;
}
.index-gm .c li span{
	position: relative;
	z-index: 1;
}
.index-gm .c li .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/v2/010.png);
	top: 0;
	z-index: 0;
}

.index-v2-p1 .c{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}
.index-v2-p1 .c .top{
	width: 597px;
	height: 383px;
	overflow: hidden;
	border-top: 12px #dd792c solid;
	background: url(../images/v2/007.jpg) top center no-repeat;
	background-size: 597px 383px;
	text-align: center;
	box-shadow: 0 0 15px #bbb;
	margin-top: 30px;
	margin-left: 50px;
	position: relative;
}
.index-v2-p1 .c .top .info{
	position: relative;
	z-index: 3;
}
.index-v2-p1 .c .top .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/v2/010.png);
	top: 0;
	z-index: 2;
}


.index-v2-p1 .c .top span{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 39px;
	line-height: 100%;
	color: #fff;
}
.index-v2-p1 .c .top span.en{
	margin-top: 90px;
}
.index-v2-p1 .c .top a{
	width: 300px;
	height: 94px;
	background: url(../images/v2/008.png) top center no-repeat;
	background-size: 100% 100%;
	color: #fff;
	font-size: 32px;
	padding-right: 137px;
	text-align: center;
	line-height: 94px;
	display: inline-block;
	margin-top: 50px;
}
.index-v2-p1 .c .four{
	width: 480px;
	overflow: hidden;
	height: auto;
	padding-top: 30px;
	padding: 30px 10px 0 10px;
	margin-right: 40px;
}
.index-v2-p1 .c ul{
	width: 110%;
}
.index-v2-p1 .c ul li{
	width: 229px;
	height: 179px;
	float: left;
	margin-right: 22px;
	margin-bottom: 25px;
	border-top: 6px #dd792c solid;
	background: url(../images/v2/007.jpg) top center no-repeat;
	background-size: 229px 179px;
	text-align: center;
	box-shadow: 0 0 10px #bbb;
	position: relative;
}

.index-v2-p1 .c ul li .info{
	position: relative;
	z-index: 3;
}
.index-v2-p1 .c ul li .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/v2/010.png);
	top: 0;
	z-index: 2;
}


.index-v2-p1 .c ul li span{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 18px;
	line-height: 100%;
	color: #fff;
}
.index-v2-p1 .c ul li span.en{
	margin-top: 40px;
}
.index-v2-p1 .c ul li a{
	width: 137px;
	height: 43px;
	background: url(../images/v2/008.png) top center no-repeat;
	background-size: 200px 43px;
	color: #fff;
	font-size: 15px;
	padding-right: 63px;
	text-align: center;
	line-height: 43px;
	display: inline-block;
	margin-top: 25px;
}























.index-v2-p1 .c-li6{
	width: 1100px;
	overflow: hidden;
	height: auto;
	margin: 0px auto 0 auto;
	padding: 40px 50px 0 50px;
}
.index-v2-p1 .c-li6 ul{
	width: 110%;
}
.index-v2-p1 .c-li6 ul li{
	width: 345px;
	height: 232px;
	float: left;
	margin-right: 32px;
	margin-bottom: 25px;
	border-top: 6px #dd792c solid;
	background: url(../images/v2/007.jpg) top center no-repeat;
	background-size: 345px 232px;
	text-align: center;
	box-shadow: 0 0 10px #bbb;
	position: relative;
}

.index-v2-p1 .c-li6 ul li .info{
	position: relative;
	z-index: 3;
}
.index-v2-p1 .c-li6 ul li .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/v2/010.png);
	top: 0;
	z-index: 2;
}


.index-v2-p1 .c-li6 ul li span{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 20px;
	line-height: 100%;
	color: #fff;
}
.index-v2-p1 .c-li6 ul li span.en{
	margin-top: 50px;
}
.index-v2-p1 .c-li6 ul li a{
	width: 137px;
	height: 43px;
	background: url(../images/v2/008.png) top center no-repeat;
	background-size: 200px 43px;
	color: #fff;
	font-size: 15px;
	padding-right: 63px;
	text-align: center;
	line-height: 43px;
	display: inline-block;
	margin-top: 35px;
}









.index-v2-p1 .c2{
	padding: 100px 0;
	height: 226px;
	overflow: hidden;
	background: url(../images/v2/009.jpg) top center no-repeat;
	background-size: 1100px 426px;
	width: 1100px;
	margin: 0 auto;
	position: relative;
}

.index-v2-p1 .c2 .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/v2/010.png);
	top: 0;
	z-index: 2;
}

.index-v2-p1 .c2 .title{
	
	color: #fff;
	height: 226px;
	overflow: hidden;
	position: relative;
	padding: 0 20px 0 0;
	display: inline-block;
	width: 1080px;
	z-index: 3;
}
.index-v2-p1 .c2 .title .t{
	font-size: 38px;
	text-align: right;
	margin-top: 55px;
	display: inline-block;
	width: 100%;
}
.index-v2-p1 .c2 .title span{
	display: inline-block;
	position: absolute;
	z-index: 5;
}
.index-v2-p1 .c2 .title span.line{
	border-bottom: 2px #fff solid;
	width: 110px;
	top: 160px;
}
.index-v2-p1 .c2 .title span.txt{
	font-size: 32px;
	top: 138px;
	left: 145px;
}

.index-v2-p1 .c2 .btn{
	background: url(../images/v2/010.png);
	width: 340px;
	height: 80px;
	position: absolute;
	top: 120px;
	z-index: 4;
}






.index-v2-p1 .c3{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}
.index-v2-p1 .c3 ul{
	width: 760px;
	padding: 25px 10px 0 50px;
}
.index-v2-p1 .c3 ul li{
	width: 229px;
	height: 179px;
	float: left;
	margin-right: 22px;
	margin-bottom: 25px;
	border-top: 6px #dd792c solid;
	background: url(../images/v2/007.jpg) top center no-repeat;
	background-size: 229px 179px;
	text-align: center;
	box-shadow: 0 0 10px #bbb;
	position: relative;
}
.index-v2-p1 .c3 ul li .info{
	position: relative;
	z-index: 3;
}
.index-v2-p1 .c3 ul li .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/v2/010.png);
	top: 0;
	z-index: 2;
}

.index-v2-p1 .c3 ul li span{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 100%;
	color: #fff;
}
.index-v2-p1 .c3 ul li span.en{
	margin-top: 40px;
	font-size: 14px;
}
.index-v2-p1 .c3 ul li a{
	width: 137px;
	height: 43px;
	background: url(../images/v2/008.png) top center no-repeat;
	background-size: 200px 43px;
	color: #fff;
	font-size: 15px;
	padding-right: 63px;
	text-align: center;
	line-height: 43px;
	display: inline-block;
	margin-top: 25px;
}



.index-v2-p1 .c3 .big{
	padding: 25px 50px 15px 0;
}
.index-v2-p1 .c3 .big .n{
	width: 330px;
	height: 388px;
	overflow: hidden;
	border-top: 6px #dd792c solid;
	background: url(../images/v2/007.jpg) top center no-repeat;
	background-size: 330px 388px;
	text-align: center;
	box-shadow: 0 0 15px #bbb;
	position: relative;
}

.index-v2-p1 .c3 .big .n .info{
	position: relative;
	z-index: 3;
}
.index-v2-p1 .c3 .big .n .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/v2/010.png);
	top: 0;
	z-index: 2;
}

.index-v2-p1 .c3 .big span{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 25px;
	line-height: 100%;
	color: #fff;
}
.index-v2-p1 .c3 .big span.en{
	margin-top: 110px;
}
.index-v2-p1 .c3 .big a{
	width: 210px;
	height: 68px;
	background: url(../images/v2/008.png) top center no-repeat;
	background-size: 100% 100%;
	color: #fff;
	font-size: 23px;
	padding-right: 98px;
	text-align: center;
	line-height: 68px;
	display: inline-block;
	margin-top: 35px;
}

.v2-side{
	width: 250px;
	height: auto;
	overflow: hidden;
	margin-top: 40px;
}
.v2-side .child{
	display: none;
}
.v2-side a.p{
	display: inline-block;
	background: #014ea0;
	padding: 0 20px;
	font-size: 16px;
	line-height: 46px;
	width: 215px;
	margin-bottom: 10px;
	border-left: 5px #dd792c solid;
	color: #fff;
}
.v2-side a.p i{
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 	/* IE 9 */
	-moz-transform:rotate(90deg); 	/* Firefox */
	-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
	-o-transform:rotate(90deg); 	/* Opera */
}
.v2-side a.p:hover,.v2-side a.p_sel{
	background: #dd792c;
	border-left: 5px #dd792c solid;
	color: #fff;
}
.v2-side a.c{
	display: inline-block;
	background: #f8f8f8;
	padding: 0 40px;
	font-size: 14px;
	line-height: 36px;
	width: 180px;
	margin-bottom: 10px;
}
.v2-side a.c:hover,.v2-side a.c_sel{
	background: #dd792c;
	color: #fff;
}
.index-meiti{

}
.index-meiti ul{
	width: 1250px;
}
.index-meiti ul li{
	width: 160px;
	height: 60px;
	display: inline-block;
	float: left;
	margin: 0px 10px 10px 0;
	border:1px #eaeaea solid;
	overflow: hidden;
	padding: 4px;
	background-color: #fff;
}
.index-meiti ul li img{
	width: 100%;
	height: 100%;
}

.index-meiti1{

}
.index-meiti1 ul{
	width: 1250px;
}
.index-meiti1 ul li{
	width: 290px;
	height: 160px;
	display: inline-block;
	float: left;
	margin: 0px 10px 10px 0;
	border:1px #eaeaea solid;
	overflow: hidden;
	padding: 4px;
	background-color: #fff;
}
.index-meiti1 ul li img{
	width: 100%;
	height: 100%;
}




.page-ad{padding-top:40px; width: 900px; height: auto; overflow: hidden;}
.page-ad ul{
	width: 110%;
}
.page-ad ul li{
	float: left;
	display: inline-block;
	margin-right: 30px;
}
.page-ad ul li a{
	display: inline-block;
	width: 280px;
	height: auto;
	overflow: hidden;
	position: relative;
}
.page-ad ul li a .img{
	width: 100%;
	height: 185px;
	overflow: hidden;
}
.page-ad ul li a .img img{
	width: 100%;
	height: 100%;
}
.page-ad ul li a .bg{
	position: absolute;
	width: 100%;
	height: 185px;
	background: url(../images/v2/010.png);
	top: 0;
	z-index: 2;
}
.page-ad ul li a span.title{
	position: absolute;
	width: 100%;
	height: 185px;
	line-height: 185px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	z-index: 3;
	top: 0;
}
.page-ad ul li a span.desc{
	display: inline-block;
	width: 100%;
	height: 66px;
	line-height: 22px;
	font-size: 15px;
	color: #666;
	margin-top: 20px;
}
.page-ad ul li a span.btn{
	display: inline-block;
	width: 50%;
	height: 40px;
	border-radius: 4px;
	background: #dd792c;
	color: #333;
	text-align: center;
	line-height: 40px;
	margin: 30px 25% 0 25%;
}
.index-ad-half{
	width: 1100px;
	margin: 0 auto;
}
.index-ad-half span{
	width: 535px;
	height: auto;
	overflow: hidden;
	display: inline-block;
}
.index-ad-half span img{
	width: 100%;
}


.index-p-list{
	width: 1200px;
	margin: 0 auto;
	margin-top: 20px;
}
.index-p-list ul{
}
.index-p-list li{
	width: 240px;
	overflow: hidden;
	box-sizing: border-box;
	float: left;
	display: inline-block;
	margin-right: 20px;
}
.index-p-list li a{
	display: inline-block;
	overflow: hidden;
	width: 100%;
}
.index-p-list li a .img{
	width: 100%;
	height: 160px;
	overflow: hidden;
}
.index-p-list li a img{
	width: 100%;
	height: 160px;
	transition: all 0.7s;
}
.index-p-list li a:hover img{
	transform: scale(1.2);
}
.index-p-list li a span{
	display: block;
	width: 100%;
	font-size: 14px;
	/*line-height: 40px;*/
	overflow: hidden;
	padding: 0 10px;
	box-sizing: border-box;
	background: #eaeaea;
	transition: all 0.7s;
	position: relative;
	height: 40px;
}
.index-p-list li a span p{
	position: relative;
	z-index: 2;
}
.index-p-list li a span::after{
	content: ' ';
	width: 0px;
	height: 40px;
	background: #014ea0;
	transition: all 0.7s;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.index-p-list li a:hover span{
	color: #fff;
}
.index-p-list li a:hover span::after{
	width: 100%;
}







/* 默认按钮样式 */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;

}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	margin: 0 5px;
	/* display: none; */
}

.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	padding: 0;
	border: none;
	outline: none;
}
/* 默认切换按钮样式 */
.slick-dots{
	position: absolute;
	width: 100%;
	bottom: 80px;
	z-index: 9999;
}

.slick-dots li{
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 6px;
	background: #fff;
	margin: 0 4px;
	cursor: pointer;
	/* opacity: 0.7; */
	transition: all .4s;
    -webkit-transition: all .4s;
}
.slick-dots li.slick-active{
	/* width: 29px;
	opacity: 1; */
}

.slick-prev, .slick-next {
    cursor: pointer;
    width: 58px;
    height: 58px;
    right: 100px;
    border: none;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    text-align: center;
    position: relative;
    vertical-align: top;
    margin-bottom: 5px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    z-index: 9999;
    top: calc(50% - 44px);
}

.slick-prev:hover, .slick-next:hover{
    background-color: #1d67ae;
}
.slick-prev {
    position: absolute;
    left: -70px;
    background: rgba(0, 0, 0, 0.3) no-repeat center;
    -o-background-size: 26px;
       background-size: 26px;
    background-image: url(../images/left-w.png);
}

.slick-next {
    position: absolute;
    right: -70px;
    background: rgba(0, 0, 0, 0.3) no-repeat center;
    -o-background-size: 26px;
       background-size: 26px;
    background-image: url(../images/right-w.png);
}




.index-p-list-2row{
	width: 1200px;
	margin: 0 auto;
	margin-top: 20px;
}
.index-p-list-2row ul{
}
.index-p-list-2row li{
	overflow: hidden;
	box-sizing: border-box;
	display: inline-block;
	margin-right: 20px;
}
.index-p-list-2row li a{
	display: inline-block;
	overflow: hidden;
	width: 100%;
	cursor: default;
	margin-bottom: 20px;
}
.index-p-list-2row li a .img{
	width: 100%;
	height: 160px;
	overflow: hidden;
}
.index-p-list-2row li a img{
	width: 100%;
	height: 160px;
	transition: all 0.7s;
}
.index-p-list-2row li a:hover img{
	transform: scale(1.2);
}





.index-jb{
	padding: 50px 0;
	background-image: url(../images/v2/jb-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 500px;
}
.index-txt-c{
	font-size: 13px;
	content: #555;
	line-height: 25px;
}

.np{
	padding: 0px 0;

}
.np p{
	display: inline-block;
	width: 50%;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	color: #666;
}
.np p a{
	color: #000;
}

.new_huiyi{
	width: 100%;
	min-height: 100px;
	box-sizing: border-box;
}

.new_huiyi > .c3 > ul > li:last-child{
	width: 330px;
	margin-left: 17px;
	background-size: cover!important;
}

.index-2021-zuzhijiagou{
	width: 1200px;
	height: auto;
	overflow: hidden;
}
.index-2021-zuzhijiagou > .c{
	padding: 20px 0;
	border-top: 2px #eaeaea solid;
	margin-top: 15px;
	line-height: 30px;
	font-size: 16px;
}
.index-2021-zuzhijiagou > .c table td{
	padding: 4px 5px;
}

.index-2021-p2{
	display: flex;
	align-items: flex-start;
}

.index-2021-p2 .l{
	flex: 1;
}
.index-2021-p2 .r{
	width: 580px;
	height: auto;
	overflow: hidden;
	margin-right: 40px;
}

.index-2021-p2 .r .index-v-roll{
	width: 100%; height: 330px;
	overflow: hidden;
	border-radius: 10px;
	position: relative;
}
.index-2021-p2 .r .index-v-roll ul{
	width: 10000px;
}
.index-2021-p2 .r .index-v-roll ul li{
	width: 100%; height: 330px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	float: left;
}
.index-2021-p2 .r .index-v-roll ul li video{
	width: 586px; height: 330px;
	background: #000;
	
}
.index-2021-p2 .r .index-v-roll ul li span{
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 40px;
	background: url(../images/v2/010.png);
	color: #fff;
	text-align: center;
	line-height: 40px;
	top: 0;
	left: 0;
}

.index-2021-p2 .r .index-v-roll a.btn{
	position: absolute;
	top: 155px;
	z-index: 99;
	display: inline-block;
	color: #fff;
}
.index-2021-p2 .r .index-v-roll a.btn i{
	font-size: 40px;
}
.index-2021-p2 .r .index-v-roll a.next{
	right: 5%;
}
.index-2021-p2 .r .index-v-roll a.prev{
	left: 5%;
}
.index-2021-p2 .r .index-v-roll a.prev{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 	/* Opera */
}



.index-list-2021{

}
.index-list-2021 ul{
	width: 100%;
}
.index-list-2021 ul li{
	width: 100%;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	float: left;
	background: url(../images/003.png) 0 18px no-repeat;
	padding-left: 20px;
	box-sizing: border-box;
}
.index-list-2021 ul li a.t{
	display: inline-block;
	float: left;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	width: 440px;
}
.index-list-2021 ul li a.time{
	float: right;
	background: #f0f0f0;
	color: #919191;
	height: 24px;
	line-height: 24px;
	border-radius: 24px;
	text-align: center;
	width: 100px;
	display: inline-block;
	font-size: 12px;
	margin-top: 9px;
}
.index-list-2021 ul li a.time:hover{
	background: #014ea0;
	color: #fff;
}

.index-2021-meet{

}

.index-2021-meet a.topone{
	display: flex;
	width: 100%;
	height: 300px;
	/*height: 430px;*/
	background-size: 100%; 
	background-position: center;
	position: relative;
	transition: all 10s;
	-o-transition: all 10s;
	-ms-transition: all 10s;
	-moz-transition: all 10s;
	-webkit-transition: all 10s;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}
.index-2021-meet a.topone:hover {
	background-size: 120%;
}

.index-2021-meet a::before{
	content: ' ';
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-image: url(../images/v2/010.png);
}
.index-2021-meet a.topone span{
	font-size: 38px;
	position: relative;
	z-index: 2; 
	color: #fff;
}
.index-2021-meet a.topone span:nth-child(1){
	font-size: 20px;
	opacity: .8;
}
.index-2021-meet a.topone span:nth-child(3){
	display: block;
	padding: 0px 90px;
	background-image: url(../images/v2/008.png);
	background-position: center;
	font-size: 28px;
	margin-top: 30px;
	line-height: 70px;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.index-2021-meet a.topone:hover span:nth-child(3){
	padding: 0px 120px;
}
.meet-list{
	word-break: 100%;
	display: flex;
}
.meet-list .l{
	flex: 1;
	min-height: 300px;
	overflow: hidden;
}
.meet-list .l .n{
	width: 120%;
}
.meet-list a{
	display: flex;
	width: 263px;
	height: 180px;
	border-top: 6px #dd792c solid;
	margin: 20px 20px 0px 0;
	float: left;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	background-image: url(../images/v2/009.jpg); 
	background-position: center;
	background-size: cover;
	position: relative;
}
.meet-list a span{
	display: block;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 2;
}
.meet-list a span:nth-child(1){
	font-size: 13px;
	opacity: .8;
}
.meet-list a span:nth-child(2){
	margin-top: 8px;
	font-size: 17px;
}
.meet-list a span:nth-child(3){
	margin-top: 12px;
	width: 80%;
	line-height: 40px;
	background-image: url(../images/v2/008.png);
	text-align: left;
	padding-left: 15px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;

}
.meet-list a span:nth-child(3)::after{
	content: ' ';
	display: block;
	border-top: 1px #fff solid;
	height: 0;
	line-height: 0;
	font-size: 0;
	width: 50px;
	margin-left: 20px;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.meet-list a:hover span:nth-child(3)::after{
	width: 100px;
}
.meet-list .r{
	width: 330px;
	min-height: 300px;
	margin-left: 40px;
}
.meet-list .r a{
	width: 100%;
}
.meet-list .r a span{
	font-size: 17px;
}
.meet-list .r a span:nth-child(1){
	font-size: 13px;
	opacity: .8;
}
.meet-list .r a span:nth-child(3){
	width: 70%;
	font-size: 14px;
}

.meet-list1{
	word-break: 100%;
	display: flex;
}
.meet-list1 .l{
	flex: 1;
	min-height: 300px;
	overflow: hidden;
}
.meet-list1 .l .n{
	width: 120%;
}
.meet-list1 a{
	display: flex;
	/*width: 263px;*/
	width: 590px;
	height: 270px;
	/*border-top: 6px #dd792c solid;*/
	margin: 20px 20px 0px 0;
	float: left;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	background-image: url(../images/v2/009.jpg); 
	background-position: center;
	background-size: cover;
	position: relative;
}
.meet-list1 a span{
	display: block;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 2;
}
.meet-list1 a span:nth-child(1){
	font-size: 13px;
	opacity: .8;
}
.meet-list1 a span:nth-child(2){
	margin-top: 8px;
	font-size: 24px;
}
.meet-list1 a span:nth-child(3){
	margin-top: 12px;
	width: 40%;
	line-height: 40px;
	background-image: url(../images/v2/008.png);
	text-align: left;
	padding-left: 15px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;

}
.meet-list1 a span:nth-child(3)::after{
	content: ' ';
	display: block;
	border-top: 1px #fff solid;
	height: 0;
	line-height: 0;
	font-size: 0;
	width: 50px;
	margin-left: 20px;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.meet-list1 a:hover span:nth-child(3)::after{
	width: 100px;
}
.meet-list1 .r{
	width: 330px;
	min-height: 300px;
	margin-left: 40px;
}
.meet-list1 .r a{
	width: 100%;
}
.meet-list1 .r a span{
	font-size: 17px;
}
.meet-list1 .r a span:nth-child(1){
	font-size: 13px;
	opacity: .8;
}
.meet-list1 .r a span:nth-child(3){
	width: 70%;
	font-size: 14px;
}





.meet-list2{
	word-break: 100%;
	display: flex;
}
.meet-list2 .l{
	flex: 1;
	min-height: 300px;
	overflow: hidden;
}
.meet-list2 .l .n{
	width: 120%;
}
.meet-list2 a{
	display: flex;
	/*width: 263px;*/
	width: 387px;
	height: 270px;
	/*border-top: 6px #dd792c solid;*/
	margin: 20px 20px 0px 0;
	float: left;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	background-image: url(../images/v2/009.jpg); 
	background-position: center;
	background-size: cover;
	position: relative;
}
.meet-list2 a span{
	display: block;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 2;
}
.meet-list2 a span:nth-child(1){
	font-size: 13px;
	opacity: .8;
}
.meet-list2 a span:nth-child(2){
	margin-top: 8px;
	font-size: 24px;
}
.meet-list2 a span:nth-child(3){
	margin-top: 12px;
	width: 50%;
	line-height: 40px;
	background-image: url(../images/v2/008.png);
	text-align: left;
	padding-left: 15px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;

}
.meet-list2 a span:nth-child(3)::after{
	content: ' ';
	display: block;
	border-top: 1px #fff solid;
	height: 0;
	line-height: 0;
	font-size: 0;
	width: 50px;
	margin-left: 20px;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.meet-list2 a:hover span:nth-child(3)::after{
	width: 100px;
}
.meet-list2 .r{
	width: 330px;
	min-height: 300px;
	margin-left: 40px;
}
.meet-list2 .r a{
	width: 100%;
}
.meet-list2 .r a span{
	font-size: 17px;
}
.meet-list2 .r a span:nth-child(1){
	font-size: 13px;
	opacity: .8;
}
.meet-list2 .r a span:nth-child(3){
	width: 70%;
	font-size: 14px;
}


.meet-list3{
	word-break: 100%;
	display: flex;
}
.meet-list3 .l{
	flex: 1;
	min-height: 300px;
	overflow: hidden;
}
.meet-list3 .l .n{
	width: 120%;
}
.meet-list3 a{
	display: flex;
	/*width: 263px;*/
	width: 285px;
	height: 180px;
	/*border-top: 6px #dd792c solid;*/
	margin: 20px 20px 0px 0;
	float: left;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	background-image: url(../images/v2/009.jpg); 
	background-position: center;
	background-size: cover;
	position: relative;
}
.meet-list3 a span{
	display: block;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 2;
}
.meet-list3 a span:nth-child(1){
	font-size: 13px;
	opacity: .8;
}
.meet-list3 a span:nth-child(2){
	margin-top: 8px;
	font-size: 17px;
}
.meet-list3 a span:nth-child(3){
	margin-top: 12px;
	width: 80%;
	line-height: 40px;
	background-image: url(../images/v2/008.png);
	text-align: left;
	padding-left: 15px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;

}
.meet-list3 a span:nth-child(3)::after{
	content: ' ';
	display: block;
	border-top: 1px #fff solid;
	height: 0;
	line-height: 0;
	font-size: 0;
	width: 50px;
	margin-left: 20px;
	transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.meet-list3 a:hover span:nth-child(3)::after{
	width: 100px;
}
.meet-list3 .r{
	width: 330px;
	min-height: 300px;
	margin-left: 40px;
}
.meet-list3 .r a{
	width: 100%;
}
.meet-list3 .r a span{
	font-size: 17px;
}
.meet-list3 .r a span:nth-child(1){
	font-size: 13px;
	opacity: .8;
}
.meet-list3 .r a span:nth-child(3){
	width: 70%;
	font-size: 14px;
}


.index-2021-medialist{
	background: #f9f9f9; padding-bottom: 40px;
	/*box-shadow: 0px -2px 6px #ccc;*/
	border-top: 2px #eaeaea solid;
}








.index-layer-2021{
	width: 600px;
	height: auto;
	overflow: hidden;
	position: fixed;
	top: 200px;
	left: calc( (100% - 600px)/2 );
	z-index: 9999999;
	border-top: 2px #014ea0 solid;
	padding: 20px 30px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	display: none;
}
.index-layer-2021::after{
	content: ' ';
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: #fff;
	opacity: 0.9;
	top: 0;
	left: 0;
}
.index-layer-2021 > *{
	position: relative;
	z-index: 2;
}
.index-layer-2021 i.icon-close{
	position: absolute;
	top: 30px;
	right: 30px;
	font-size: 18px;
	cursor: pointer;
}
.index-layer-2021 .title{
	font-size: 20px;
	opacity: 0.8;
	font-weight: bolder;
	margin-top: 10px;
}
.index-layer-2021 .title-sub{
	font-size: 18px;
	color: #014ea0;
	display: flex;
	align-items: center;
}
.index-layer-2021 .title-sub em{
	background: #DDE7F4;
	padding: 2px 6px;
	margin: 0 5px;
}
.index-layer-2021 .c{
	font-size: 14px;
	line-height: 28px;
	margin-top: 10px;
}
.index-layer-2021 .c p{
	
	margin-top: 5px;
}
.index-layer-2021 .btn{
	margin-top: 30px;
	display: flex;
	align-items: center;
}
.index-layer-2021 .btn dl{
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	margin: 0 0px;
	font-size: 13px;
}
.index-layer-2021 .btn dl img{
	width: 60%;
}
.index-layer-2021 .btn dl:nth-child(1){
	flex:1;
	color: #666;
	margin-left: 80px;
}
.index-layer-2021 .btn dl:nth-child(1) span{
	display: flex;
	align-items: flex-end;
	width: 100%;
	justify-content: flex-start;
}
.index-layer-2021 .btn dl:nth-child(1) em{
	color: #ff6600;
	font-size: 20px;
	margin-right: 8px;
}
.index-layer-2021 .btn dl:nth-child(2),.index-layer-2021 .btn dl:nth-child(3){
	width: 30%;
}
.index-layer-2021-bg{
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
	z-index: 999999;
	top: 0;
	left: 0;
	display: none;
}






/*左右 两端分布*/
.f-flex-c-sb {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-image: url(https://www.cinie.net/public/home/daojishi.png);
}
.m-entry-module-wrap .u-countdown-box .u-countdown-txt {
    margin: 53px 1px 60px 80px;
    text-align: center;
}


.m-entry-module-wrap .u-countdown-txt .u-tt,
.m-entry-module-wrap .u-countdown-txt .u-date {
    font-size: 26px;
    line-height: 42px;
    color: rgba(28, 28, 28, 1);
}

.m-entry-module-wrap .u-countdown-time-box {
    display: flex;
    font-size: 90px;
    color: rgb(67, 67, 67);
}

.m-entry-module-wrap .u-countdown-time-box .u-bg {
    display: flex;
    text-align: center;
}


.m-entry-module-wrap .u-countdown-time-box .u-bg>span+span {
    margin-left: 10px;
}


.m-entry-module-wrap .u-countdown-time-box .u-days-box {
    margin-right: 35px;
    margin-top: 37px;
    color: #fff;
    letter-spacing: 25px;
}

.m-entry-module-wrap .u-countdown-time-box .u-hours-box {
    margin-right: 20px;
    margin-top: 37px;
    letter-spacing: 25px;
}

.m-entry-module-wrap .u-countdown-time-box .u-minutes-box {
    margin-right: 20px;
    margin-top: 37px;
    letter-spacing: 25px;
}
.m-entry-module-wrap .u-countdown-time-box .u-seconds-box {
    margin-right: 8px;
    margin-top: 37px;
    letter-spacing: 25px;
}


.m-entry-module-wrap .u-countdown-time-box .u-unit {
    font-size: 16px;
    line-height: 14px;
    color: rgba(0, 0, 0, 1);
    text-align: center;
}






.carousel-container {
    position: relative;
    max-width: 600px;
    margin: auto;
    overflow: hidden;
  }

  .carousel-slide {
    display: flex;
    width: 100%;
    transition: transform 0.5s ease-in-out;
  }

  .carousel-item {
    min-width: 100%;
    flex-shrink: 0;
    transition: opacity 0.5s ease-in-out;
  }

  .carousel-item img {
    width: 100%;
    display: block;
  }

  .carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1000;
  }

  .carousel-arrow.left {
    left: 10px;
  }

  .carousel-arrow.right {
    right: 10px;
  }